<html>
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		body,ul,li,h3{
			padding: 0;margin: 0;
			font-size: 14px;
		}
		.subtitle{
			background: url(img2/icon-03.jpg) repeat;
			color:#fff;
			height: 29px;
			line-height: 29px;
			padding-left: 15px;
		}
		#video_list{
			width: 300px;
		}
		ul{
		}
		li{
			float:left;
			width: 130px;
			padding: 10px;
		}
		li a img{
			border: solid 2px #fff;
		}
		li a:hover img{
			border-color: #f00;
		}
		li p{
			background: url(img2/icon-01.jpg) no-repeat 0 0;
			padding-left: 20px;
		}
		li p.times{
			background-image: url(img2/icon-02.jpg);
		}
	</style>
</head>
<body>
	<div id="video_list">
		<h3 class="subtitle">精彩视频</h3>
		<div>
			<ul class="list">
				<li>
					<a href="#">
						<img src="img2/video-01.jpg">
					</a>
					<h3>携手共同进步</h3>
					<p>时长:20分钟</p>
					<p class="times">点击:1000次</p>
				</li>
				<li>
					<a href="#">
						<img src="img2/video-02.jpg">
					</a>
					<h3>携手共同进步2</h3>
					<p>时长:20分钟</p>
					<p class="times">点击:1000次</p>
				</li>
				<li>
					<a href="#">
						<img src="img2/video-03.jpg">
					</a>
					<h3>携手共同进步3</h3>
					<p>时长:20分钟</p>
					<p class="times">点击:1000次</p>
				</li>
				<li>
					<a href="#">
						<img src="img2/video-04.jpg">
					</a>
					<h3>携手共同进步4</h3>
					<p>时长:20分钟</p>
					<p class="times">点击:1000次</p>
				</li>
			</ul>
		</div>
	</div>
</body>
</html>